<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>保单详情</title>
    <link rel="stylesheet" href="../plugins/element-ui_2.14.1.css">
    <link rel="stylesheet" href="../assests/base.css">
    <link rel="stylesheet" href="../assests/headerall.css">
    <link rel="stylesheet" href="../assests/footerwhite.css">
    <link rel="stylesheet" href="../css/sercicepolicydetails.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <script src="../assests/base.js"></script>
    <script src="../plugins/jquery.js"></script>
    <script src="../plugins/vue_2.5.2.js"></script>
    <script src="../plugins/element-ui_2.14.1.js"></script>
    <script src="../components/headerall.js"></script>
    <script src="../components/crumbs.js"></script>
    <script src="../components/footerwhite.js"></script>
</head>
<body>
<div id="pc" v-cloak>
    <div id="sercicepolicydetails">
        <!--头部-->
        <headerall :activeindex='activeNum'></headerall>

        <!--面包屑-->
        <crumb :crumbdate="crunmArray"></crumb>

        <div class="sercicepolicydetails-content">
            <div class="sercicepolicydetails-content-title">
                <span class="psercicepolicydetails-content-title-red"></span>
                <p class="psercicepolicydetails-content-title-text ft500" >被保人基本信息</p>
                <el-button type="warning" icon="el-icon-download">保单下载</el-button>
            </div>
            <div class="psercicepolicydetails-content-list">
                <el-row :gutter="20">
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">姓名</span>
                            <span class="ft400">{{policyDetailObj.cname}}</span>

                        </div>
                    </el-col>
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">性别</span>
                            <span class="ft400">没有返回</span>
                        </div>
                    </el-col>
                    <el-col :span="7" :push="1">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">出生日期</span>
                            <span class="ft400">没有返回</span>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="20">
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">证件类型</span>
                            <span class="ft400">写死身份证</span>
                        </div>
                    </el-col>
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">证件号</span>
                            <span class="ft400">{{policyDetailObj.custerid}}</span>
                        </div>
                    </el-col>
                    <el-col :span="7" :push="1"></el-col>
                </el-row>
                <el-row :gutter="20">
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">保单号</span>
                            <span class="ft400">{{policyDetailObj.policyno}}</span>
                        </div>
                    </el-col>
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">保单有效期</span>
                            <span class="ft400">没有返回</span>
                        </div>
                    </el-col>
                    <el-col :span="7" :push="1">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">保障区域</span>
                            <span class="ft400">没有返回</span>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </div>

        <div class="sercicepolicydetails-content">
            <div class="sercicepolicydetails-content-title">
                <span class="psercicepolicydetails-content-title-red"></span>
                <p class="psercicepolicydetails-content-title-text">被保人福利信息</p>
            </div>
            <div class="psercicepolicydetails-content-list">
                <el-row :gutter="20">
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">等待期</span>
                            <span class="ft400">没有返回</span>
                        </div>
                    </el-col>
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">免配额</span>
                            <span class="ft400">没有返回</span>
                        </div>
                    </el-col>
                    <el-col :span="7" :push="1">
                    </el-col>
                </el-row>
                <el-row :gutter="20">
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">赔付比例</span>
                            <span class="ft400">没有返回</span>
                        </div>
                    </el-col>
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">特定医院自负比例</span>
                            <span class="ft400">没有返回</span>
                        </div>
                    </el-col>
                    <el-col :span="7" :push="1">
                        <div class="psercicepolicy-list-item">
                            <span class="psercicepolicy-list-item-label">未经认可自负比例</span>
                            <span class="ft400">没有返回</span>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="20">
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item" style="color: #F25818">
                            <span class="psercicepolicy-list-item-label">次限额</span>
                            <span class="ft400">没有返回</span>
                        </div>
                    </el-col>
                    <el-col :span="8">
                        <div class="psercicepolicy-list-item" style="color: #F25818">
                            <span class="psercicepolicy-list-item-label">剩余年限额</span>
                            <span >没有返回</span>
                        </div>
                    </el-col>
                    <el-col :span="7" :push="1">

                    </el-col>
                </el-row>
            </div>
            <div class="serTable">
                <el-table
                        :data="tableData"
                        style="width: 100%"
                        :header-cell-style="{background:'#F5F5F5',color:'#242424',fontWeight: '500',fontSize:'16px',height:'45px',lineHeight:'45px',boxSizing:'border-box'}" >
                    <el-table-column
                            prop="date"
                            label="责任项目"
                    >
                    </el-table-column>
                    <el-table-column
                            prop="name"
                            label="责任项值"
                    >
                    </el-table-column>
                    <el-table-column
                            prop="address"
                            label="责任剩余价值">
                    </el-table-column>
                </el-table>
            </div>
        </div>

        <footerwhite></footerwhite>
    </div>
</div>
<script src="../components/headerslect.js"></script>
<script type="text/javascript" src="../js/sercicepolicydetails.js"></script>
</body>
</html>